<template>
	<view class="story" v-for= "(item,i) in hohxilstory" :key="i" @click="switchModule('hohxil')">
		<image :src="item.image_src"></image>
	</view>
</template>

<script>
	export default {
		name: "hxStory",
		data() {
			return {
				hohxilstory:[
					{
						image_src:"../../../static/hxStory/p1.jpg",
					}
				]
			};
		},
		methods: {
			switchModule(module) {
					if(module=="hohxil") {
						uni.pageScrollTo({
							scrollTop: 10,
							duration: 300
						})
					}
					if(module=="our") {
						uni.pageScrollTo({
							scrollTop: 50,
							duration: 300
						})
					}
					
			},
		}
		
	}
</script>

<style lang="scss">
.story {
	margin: 5px 0;
	margin-left: 0rpx;
	//border: 5rpx solid black;
	border-radius: 15rpx;
	padding: 15rpx;
	width: 720rpx;
	height: 300rpx;
	display: flex;
	justify-content: center;
	image {
		border-radius: 30px;
		box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.6);
		width: 100%;
		height: 300rpx;
	}
}
</style>